<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>慢慢买品牌大全</title>
    <link rel="stylesheet" href="../../lib/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../css/base.css"/>
    <link rel="stylesheet" href="../../css/pinpaidaquan/ranking-main.css"/>
</head>
<body>
    <!-- 顶部logo与app下载-->
    <div class="top">
        <a href="../../index.html" class="top-left"><img src="../../images/header_logo.png" alt=""/></a>
        <a href="../../index.html" class="top-right"><img src="../../images/header_app.png" alt=""/></a>
    </div>
    <!--搜索栏-->
    <form action="" class="search">
        <div class="search-center">
            <input class="search-input col-xs-11" type="search" placeholder="请输入您想比价的商品"/>
            <input class="search-button " type="button" value="搜索"/>
        </div>
    </form>
    <!--导航栏-->
    <div class="nav">
        <div class="nav-head">
            <a href="javascritp:void(0);">首页</a> > <a href="#">品牌大全</a>
        </div>
        <div class="nav-body">
            <div class="ranking">热门品牌排行 </div>
            <div id="hollow">

                <!--排行的坑-->
                <script type="text/html" id="hollow-js">
                    {{ each list as type i }}
                    <div class="brand">
                        <a href="./pinpaitop10.html" class="brand-a" brandTitleId={{ type.brandTitleId }} categoryId={{ type.categoryId }}> {{ type.brandTitle }} </a>
                    </div>
                    {{ /each }}
                </script>

            </div>
        </div>

        <!--底部-->
        <div class="bottom">
            <div class="linked">
                <a class="col-xs-4" href="../home/login.html">登录</a>
                <a class="col-xs-4" href="javascritp:void(0);">注册</a>
                <a class="col-xs-4" href="#top"><img src="http://www.zuyushop.com/wap/images/top.jpg" alt=""/>返回顶部</a>
            </div>
            <p><a href="javascritp:void(0);">手机APP下载</a>慢慢买手机版--掌上比价平台</p>
            <p>m.manmanbuy.com</p>
        </div>
    </div>

    <script src="../../lib/jquery/jquery.min.js"></script>
    <script src="../../lib/jquery-cookie/jquery.cookie.js"></script>
    <script src="../../lib/artTemplate-3.0.1/template.js"></script>
    <script src="../../lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="../../lib/jquery_lazyload-1.9.5/jquery.lazyload.min.js"></script>
    <script src="../../js/pinpaidaquan/ranking/pinpaidaquan.js"></script>

</body>
</html>